<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/wap/index.css">
    <link rel="stylesheet" href="../../style/wap/mine.css">

    <script src="../../libs/vue.js"></script>
    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="../../jsc/axios.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
	<script src="../../jsc/axios.min.js"></script>
	<script src="../../libs/vue.js"></script>
	<script src="../../jsc/component_wap.js"></script>
	<script src="../../jsc/common.js"></script>
	<!--<script src="js/system.js"></script>-->
</head>
<body>
<div id="app" v-cloak>
    <header-component></header-component>
	<main style="margin-top:3rem">
		<div class="content">
			<!--<div class="space"></div>-->
			<div class="user-ifo">
				<div class="info-headImg">
					<img :src="user.avatar_text" alt="" style="object-fit: cover" width="100%" height="100%">
				</div>
				<div class="info-text">
					<div class="info-name">{{ user.nickname }}</div>
					<div class="info-time" v-if="user.checkdata==0">待审核站长</div>
					<div class="info-time" v-if="user.checkdata==1">审核站长</div>
					<div class="info-time" v-if="user.checkdata==2">未通过审核</div>
				</div>
			</div>
			<div class="list-row">
				<ul>
					<li class="list-item">
						个人资料
						<!--<img src="../../static/icon-wap/icon-next.png" alt="">-->
					</li>
					<li class="list-item">
						我的发布
						<img src="../../static/icon-wap/icon-next.png" alt="">
					</li>
					<li class="list-item">
						用户认证
						<img src="../../static/icon-wap/icon-next.png" alt="">
					</li>
					<li class="list-item">
						安全设置
						<img src="../../static/icon-wap/icon-next.png" alt="">
					</li>
					<li class="list-item">
						卜咚问答
						<img src="../../static/icon-wap/icon-next.png" alt="">
					</li>
					<li class="list-item">
						菜单栏
						<img src="../../static/icon-wap/icon-next.png" alt="">
					</li>
				</ul>
			</div>
		</div>
	</main>
    <footer-component></footer-component>
</div>


<script>
    var userAgent = navigator.userAgent.toLowerCase();
    var platform;
    if(userAgent == null || userAgent == ''){
        platform = 'WEB' ;
    }else{
        if(userAgent.indexOf("android") != -1 ){
            platform = 'ANDROID';
//            location.href = "";
        }else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") != -1 || userAgent.indexOf("ipad") != -1){
            platform = 'IOS';
//            location.href = "";
        }else if(userAgent.indexOf("windows phone") != -1 ){
            platform = 'WP';
//            location.href = "";
        }else{
            platform = 'WEB' ;
            location.href = "../../views/user/personal.html";
        }
    }
</script>
<script>
	new Vue({
		el:'#app',
		data:{
			user:''
		},
		mounted(){
			this.getinfo()
		},
		methods:{
			getinfo(){
				if (getCookie('token')){
					let d = new FormData();
					d.append('user_id',getCookie('user_id'));
					d.append('token',getCookie('token'));
					axios.post(sysurl+'user/info',d).then(res=>{
						console.log(res);
						this.user = res.data.data
					})
				} else{
					layer.msg('请先登陆')
				}
			},
		}
	})
</script>
</body>
</html>
